<div class="body" 
[matTooltip]="data.desc!" 
[matTooltipDisabled]="ctx.isOpen()" 
*ngIf="data.position" 
[cdkContextMenuTriggerFor]="desktop_item_menu" 
#ctx="cdkContextMenuTriggerFor"
(dblclick)="open()"  >
<img cdkDragHandle src="{{data.iconUrl}}" 
class="icon" 
/>
<div cdkDragHandle class="item-name">{{data.name}}</div>
<mat-tooltip-component *ngIf="data.desc"  ><pre>{{data.desc}}</pre> </mat-tooltip-component>
</div>

<ng-template #desktop_item_menu>
    <div class="menu" cdkMenu  *ngIf="isMutiSelectMenue()"  >
      <button class="menu-item"  cdkMenuItem (click)="multi_copy()" >复制</button>
      <button class="menu-item"  cdkMenuItem (click)="multi_shear()" >剪切</button>
      <button class="menu-item"  cdkMenuItem  (click)="multi_remove()" >删除</button> 
    </div>
    <div class="menu" cdkMenu  *ngIf="!isMutiSelectMenue()" > 
      <button class="menu-item"  cdkMenuItem *ngIf="open_op" (click)="open()">打开</button>
      <!-- <button class="menu-item"  cdkMenuItem [cdkMenuTriggerFor]="open_way"> 打开方式 <span>&#10148;</span></button> -->
      <button class="menu-item"  cdkMenuItem (click)="copy()" >复制</button>
      <button class="menu-item"  cdkMenuItem (click)="shear()" >剪切</button>
      <button class="menu-item"  cdkMenuItem (click)="rename()" >重命名</button>
      <button class="menu-item"  cdkMenuItem (click)="onRemove.emit(data)" >删除</button>   
      <button class="menu-item"  cdkMenuItem  *ngFor="let item of ext_operations_current" (click)="ext_operation_execute(item)" >{{item.name}}</button>
    </div>
</ng-template>

<ng-template #open_way>
    <div class="menu" cdkMenu>
      <button class="menu-item"  cdkMenuItem>Document</button>
      <button class="menu-item"  cdkMenuItem>From template</button>
      <button class="menu-item"  cdkMenuItem>Spreadsheet</button>
      <button class="menu-item"  cdkMenuItem>Presentation</button>
      <button class="menu-item"  cdkMenuItem>Form</button>
    </div>
</ng-template>